<template>
    <BasicModal
      v-bind="$attrs"
      @register="registerModal"
      show-footer
      width="60%"
      title="充电终端详情"
    >
      <template #footer>
        <a-button @click="closeModal">关闭</a-button>
      </template>
       <PileList :stationId="stationId" />
    </BasicModal>
  </template>
  <script lang="ts" setup>
  import { ref } from 'vue';
  import { BasicModal, useModalInner } from '@/components/Modal';
  import PileList from '@/views/admin/pile/list.vue';
  const stationId = ref();
  const [registerModal, { closeModal }] =
  useModalInner(async (data) => {
      stationId.value = data.id;
    });
  </script>
  